import React, { Component } from 'react';
import { Row, Col } from 'antd';

class Header extends Component {
  constructor(props) {
    super(props);
    this.state = {
      useName: ``
    }
  }
  componentWillMount() {
    this.setState({
      useName: `河畔一角`
    })
  }
  render() { 
    return (
      <div className="header">
        <Row className="header-top">
          <Col span={24}>
            <span>你好，{this.state.useName}</span>
            <a href="#123">退出</a>
          </Col>
        </Row>
        <Row className="breadcrumb">
          <Col span={4} className="breadcrumb-title">
            首页
          </Col>
          <Col span={20} className="weather">
            <span className="date">2019-12-9</span>
            <span className="weather-detail">晴转多云</span>
          </Col>
        </Row>
      </div>
    );
  }
}
 
export default Header;